<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>2017-09-02</title>
</head>
<body>
    <iframe src="navigation.html" frameborder="no" style=" width: 330px; height: 50px; "></iframe>

    <main>
        <article>
            <h2>datalist</h2>
            <dl>
                <dt>定义和用法</dt>
                <dd><code>&lt;datalist&gt;</code> 标签定义选项列表。</dd>
                <dd>请与 input 元素配合使用该元素，来定义 input 可能的值。</dd>
                <dd>datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。</dd>
                <dd>请使用 input 元素的 list 属性来绑定 datalist。</dd>
                <dd><xmp><input id="myCar" list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist></xmp></dd>
                <dt>效果</dt>
                <dd><input id="myCar" list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist></dd>
            </dl>
        </article>
    </main>

    <footer>
        <address>
            <p>Written by <bdi>Qi Lin</bdi>.</p>
            <p>完成时间：<time datetime="2017-09-02">2017年09月02日</time></p>
        </address>
        <details>
            <summary>引用：w3school</summary>
            <blockquote>
                <cite>http://www.w3school.com.cn/tags/tag_datalist.asp</cite>
            </blockquote>
        </details>
    </footer>

</body>
</html>
